<!DOCTYPE html>
<html lang="zh-Hans">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Part 4：JS 基础</title>
</head>

<body>
    <h1>P4 演示源码</h1>

    <h2>课程章节演示</h2>

    <ul>
        <li>数据类型简介 <a href="./typeof.html">typeof.html</a></li>
        <li>String 类型 <a href="./string.html">string.html</a></li>
        <li>Object 类型 <a href="./object.html">object.html</a></li>
        <li>数组简介 <a href="./array.html">array.html</a></li>
        <li>数组的简单方法 <a href="./array-method.html">array-method.html</a></li>
        <li>函数 <a href="./function.html">function.html</a></li>
        <li>作用域 <a href="./function-scope.html">function-scope.html</a></li>
        <li>location 对象 <a href="./location.html">location.html</a></li>
        <li>navigator 对象 <a href="./navigator.html">navigator.html</a></li>
        <li>history 对象 <a href="./history.html">history.html</a></li>
        <li>常用节点类型之 Node 接口 <a href="./dom-node-type.html">dom-node-type.html</a></li>
        <li>DOM 查找 <a href="./dom-find.html">dom-find.html</a></li>
        <li>新增 DOM 示例 <a href="./dom-add-and-delete.html">dom-add-and-delete.html</a></li>
        <li>使用 fragment 新增 DOM <a href="./dom-add-and-delete.html">dom-add-and-delete.html</a></li>
        <li>删除 DOM 示例 <a href="./dom-add-and-delete.html">dom-add-and-delete.html</a></li>
        <li>property 和 attribute <a href="./dom-property-and-attribute.html">dom-property-and-attribute.html</a></li>
        <li>DOM 修改样式 <a href="./dom-style.html">dom-style.html</a></li>
        <li>DOM 修改内容 <a href="./dom-content.html">dom-upcontentdate.html</a></li>
        <li>DOM 遍历 <a href="./dom-traversal.html">dom-traversal.html</a></li>
        <li>事件简介 <a href="./event-introduction.html">event-introduction.html</a></li>
        <li>事件处理程序和事件对象 <a href="./event-handler.html">event-handler.html</a></li>
        <li>[资料] 事件兼容性初探 <a href="./event-cross-browser.html">event-cross-browser.html</a></li>
        <li>事件类型 <a href="./event-type.html">event-type.html</a></li>
        <li>[资料] 键盘事件 keypress 和 keydown <a href="./event-keypress-and-keydown.html">event-keypress-and-keydown.html</a></li>
        <li>引入 jQuery <a href="./jquery-use.html">jquery-use.html</a></li>
        <li>选择器 <a href="./jquery-selector.html">jquery-selector.html</a></li>
        <li>遍历 DOM 元素 <a href="./jquery-traversal.html">jquery-traversal.html</a></li>
        <li>添加和移除 DOM 元素 <a href="./jquery-dom.html">jquery-dom.html</a></li>
        <li>jQuery 事件监听 <a href="./jquery-event-handle.html">jquery-event-handle.html</a></li>
    </ul>

    <h2>其他</h2>

    <ul>
        <li>! 操作符 <a href="./!.html">!.html</a></li>
    </ul>
</body>

</html>